<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>

        <form:form method="post" modelAttribute="signupParameters" id="form-abide"
			action="${pageContext.request.contextPath}/account/signup.html">
            <div class="row">
                <div align="center">
                    <a href="${pageContext.request.contextPath}">
                        <img src="<c:url value="/resources/img/logo_large.png" />" class="full-logo loading_controller_group">
                    </a>
                </div>
            </div>
            <div class="large-4 medium-8 small-14 large-centered medium-centered small-centered columns">
				 <div class="row margin-14px-bot">
                    <div align="center"><span class="full-title">Sign up</span>
                    </div>
                </div>
                <!-- error div -->
				<c:if test="${not empty message}">
					<div data-alert class="alert-box alert radius">
						<b>${message}</b>
						<a href="#" class="close">&times;</a>
					</div>
				</c:if>
				<c:if test="${not empty success}">
					<div data-alert class="alert-box success radius">
						<b>${success}</b>
						<a href="#" class="close">&times;</a>
					</div>
				</c:if>
                <form:errors path="*" element="div" cssClass="alert-box alert radius" id="alert"/>
				<div class="row collapse margin-14px-bot">
                    <div class="small-5 columns">
                        <span class="prefix full-element">Your email</span>
                    </div>
                    <div class="small-11 columns">
                        <input type="email" required placeholder="" name="userEmail"/>
                        <small class="error">An email address is required.</small>
                    </div>
                </div>
                <div class="row collapse margin-14px-bot">
                    <div class="small-5 columns">
                        <span class="prefix full-element">Password</span>
                    </div>
                    <div class="small-11 columns">
                        <input type="password" id="password" placeholder="" name="password" required />
                        <small class="error">An password is required.</small>
                    </div>
                </div>
                <div class="row collapse margin-14px-bot">
                    <div class="small-5 columns">
                        <span class="prefix full-element">Confirm</span>
                    </div>
                    <div class="small-11 columns">
                        <input type="password" id="confirmPassword" placeholder="" name="confirmPassword" required data-equalto="password" data-invalid="" />
                        <small class="error">Passwords must match.</small>
                    </div>
                </div>
                <div class="row margin-14px-bot">
                    <button type="submit" class="button expand full-button full-element loading_controller_group"><strong>Create</strong>
                    </button>
                </div>
            </div>
        </form:form>